<script setup lang="ts">
import { darkTheme } from "naive-ui";
import topHeader from "./layout/top-header/index.vue";
import modelWrapper from "./components/model-wrapper/index.vue";
import MapWrapper from "./components/map-wrapper/index.vue";
// import leftBar from "@/layout/left-bar/index.vue";
// import center from "@/layout/center/index.vue";
// import rightBar from "@/layout/right-bar/index.vue";
// import viewInfo from "@/components/view-info/index.vue";
</script>

<template>
  <n-config-provider :theme="darkTheme">
    <n-notification-provider>
      <n-message-provider>
      
            <RouterView></RouterView>

      </n-message-provider>
    </n-notification-provider>
  </n-config-provider>
</template>

<style scoped lang="scss">
.page {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  // background-color: var(--color-bg-dark);
  background-image: url("https://xunjinasd.oss-cn-hangzhou.aliyuncs.com/app/space/b4364d3f41e14370887dba41df6ee239_u0_state0.jpg");
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  color: #fff;
  box-sizing: border-box;

  .center {
    flex: 1;
    display: flex;
    overflow: hidden;
    position: relative;
  }

  #fake-component {
    position: absolute;
    background-color: var(--color-bg-dark-2);
    z-index: 100;
    border-radius: 5px;
    cursor: move;
  }

  .fake-component-show {
    display: block;
  }

  .fake-component-hide {
    display: none;
  }
}</style>
